#{extends 'main.html' /} #{set title:'Profile' /}
<head>
<script type="text/javascript">
	$(function() {
		javascript: fillUserInfo();
	});
</script>
<script type="text/javascript">
	function fillUserInfo() {
		$
				.getJSON(
						'@{UserProfile.loadHisUserInfo()}',
						{'userId':document.getElementById('usercurrentHiddenInput').value},
						function(data) {
							if (data != null) {
								document.getElementById('userData').innerHTML = "<h5>Full Name: "
										+ data.fullName
										+ "</h5>"
										+ "<h5>Email: "
										+ data.eMail
										+ "</h5>"
										+ "<h5>Date Of Birth: "
										+ data.dateOfBirth
										+ "</h5>"
										+ "<h5>Ideas Posted: "
										+ data.numberOfIdeasPosted
										+ "</h5>"
										+ "<h5>Comments Posted: "
										+ data.numberOfComments
										+ "</h5>"
										+ "<h5>Mobile Number: "
										+ data.mobileNumber
										+ "</h5>"
										+ "<h5>Address: "
										+ data.address
										+ "</h5>";
							} else {
								alert("Cannot load!");
							}
						});
	}
</script>

</head>
<body>
	<div id="content"></div>
	<div class="sidebar">
		<img src="/../../../public/images/avatar.jpg" alt="Status" width="150"
			height="150" id="status" style="margin-left: 5px;" />
		<div id="userData"></div>
		<table id="table" width="100%">
		</table>
	</div>
	<div class="clear"></div>
	<input id="usercurrentHiddenInput" type="hidden" value="${userId}" />
</body>
